<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<% String path  =request.getContextPath(); %>
 <table id="tag"></table>
    <div id="formBox"></div>
<script type="text/javascript">
    $(function() {
        $('#tag').datagrid({
        fit: true,
        singleSelect:true,
        url: "../../searchClass",
        singleSelect:true,
        columns: [[
           {field: 'id',title: 'id',width: 100,checkbox:true},
           {field: 'name',title: '班级名称',width: 100},
           {field: 'createdate',title: '创建时间',width: 100},
           {field: 'classcode',title: '班级代号',width: 100},
           ]],
        toolbar: [{
            iconCls: 'icon-search',
            text: '查询',
            handler: function() {
                alert('edit')
            }
        }, '-', {
            iconCls: 'icon-add',
            text: '添加',
            handler: addOne
        }, '-', {
            iconCls: 'icon-pencil',
            text: '修改',
            handler: editOne
        }, '-', {
            iconCls: 'icon-remove',
            text: '移除',
            handler: removebanji
        }],
        rownumbers:true,
        pagination: true,
        striped: true,
        split: true,
        border: false,
        fit: true
            // onLoadSuccess:function(data){                    
            //  alert(data.total);
            // }
 });
//新增函数
   function addOne(){
                $("#formBox").dialog({
                    title:"新增",
                    width:300,
                    height:300,
                    resizable:true,
                    modal:true,
                    href:"class_add.jsp",
                    cache:false,
                    buttons:[
                        {text:'保存',iconCls:'icon-save',handler:function(){
                        	/* if(!$("#formBox")[0]){
                              $("<div id='formBox'></div>").appendTo($('body'));
                        	} */
                        	//form   表单插件 
                            //submit 提交
                            //如果提交成功，关闭dialog，并且刷新datagrid 
                            //保存form的值
                            //刷新datagrid的数据
                          var data =  $("#addBoxForm").serialize();//表单序列化
                          $.post('<%=path%>/addClass', data, function(result) {
                              /* if(result==true){
                            	    alert("hahaha"); */ 
                            	    $("#formBox").dialog("close");
                                    $("#tag").datagrid('reload');//刷新datagrid
                             /*  }else{
                                alert(result);
                             }   */
                          });
                                
                        }},
                        {text:'取消',iconCls:'icon-undo',handler:function(){
                            $("#formBox").dialog("close");  
                        }},
                    ]
                }); 
            }
  //修改函数
    function editOne(){
                //判断是否选择了数据记录
                var row = $("#tag").datagrid('getSelected'); 
                if(  row == null ){ 
                    parent.$.messager.show({
                        title:'提示',
                        msg:"你还没有选择任何数据记录" 
                    });
                    return false;
                }
           
                var id = row.id;
               // alert(id);
                $("#formBox").dialog({
                    title:"修改",
                    width:300,
                    height:300,
                    resizable:true,
                    modal:true,
                    href:"xiugai.jsp",
                    cache:false,
                    buttons:[
                        {text:'保存',iconCls:'icon-save',handler:function(){
                            //form   表单插件 
                            //submit 提交
                            //如果提交成功，关闭dialog，并且刷新datagrid 
                            //保存form的值
                            //刷新datagrid的数据
                          var data =  $("#addBoxForm").serialize();//表单序列化
                          $.post('<%=path%>/updateClass', data, function(result) {
                        	  $("#tag").datagrid('reload');//刷新datagrid
                              $("#formBox").dialog("close");
                          });
                           
                                
                        }},
                        {text:'取消',iconCls:'icon-undo',handler:function(){
                            $("#formBox").dialog("close");  
                        }}
                    ],
                    onLoad:function(){
                        //form 插件里面的一个加载数据一个方法
                        //load 
                        //$(select).form('load',url)
                        $('#editBoxForm').form('load',"data/dealUser.php?action=edit&id="+id);
                    }
                }); 
            }

           //删除
           function removebanji(){
                //判断是否选择了数据记录
                var row = $("#tag").datagrid('getSelections');
                //alert(row[0].id);
                if(  row.length<1){ 
                    parent.$.messager.show({
                        title:'提示',
                        msg:"你还没有选择任何数据记录" 
                    });
                    return false;
                }
            //向后端传入id，删除
            var data = {"id":row[0].id};//class的id
            $.post('<%=path%>/deleteClass', data, function(result) {
                  $("#tag").datagrid('load');//刷新datagrid
            });
           /*  for (var i = 0; i < row.length; i++) {
             var row1 = $("#tag").datagrid('getRowIndex',row[i]);
             $("#tag").datagrid('deleteRow',row1);   
              }
            } */
            }
    });
</script>

</body>
</html>